@import "../../app";

.view-more{
  height: 90px;
  line-height: 90px;
  text-align: center;
}
.college-course-detail{
  background: @border-color;
}
.college-index{

  .column-title{
    padding: 0 30px;
  }
  .theme-wrap{
    .content-30;
    .flex-base;
    .theme{
      width: 210px;
      height: 140px;
      padding: 25px 10px;
      box-sizing: border-box;
      color: #fff;
      border-radius: 8px;
      .title{
        font-size: 32px;
        display: block;
        .text-overflow;
      }
      .sign{
        font-size: @font-size-22;
        display: block;
        .text-overflow;
      }
    }
    .theme1{
      background: linear-gradient(to right, #5837ff, #9f82ff);
    }
    .theme2{
      background: linear-gradient(to right, #fe6927, #ffbb19);
    }
    .theme3{
      background: linear-gradient(to right, #1e82ff, #34d6ff);
    }
  }
  .column-type{
    .content-30;
    padding-bottom: 0;
    .column{
      display: inline-block;
      margin-right: 20px;
      font-size: 26px;
    }
    .column-active{
      color: @font-light-color;
    }
  }
}
.swiper-container{
  height: auto;
}
.at-tabs__item{
  padding: 0;
  font-size: @font-size-30;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
.college-course-detail{
  background: #fff;
  .video-wrap{
    width: 100%;
    height: auto;
    .video{
      width: 100%;
      height: 420px;
    }
    .line{
      .flex-base;
      align-items: center;
      .title{
        font-size: @font-size-30;
        .text-overflow;
        flex-grow: 2;
        padding:10px 20px;
        box-sizing: border-box;
      }
      .share{
        flex-shrink: 0;
      }
      .num{
        padding:10px 20px;
        box-sizing: border-box;
        font-size: @font-size-24;
        color: @font-gray-color;
        .text-overflow;
      }
      .all{
        font-size: @font-size-24;
        color: @font-gray-color;
        padding-right: 20px;
        .count{
          color: @font-light-color;
        }
      }
    }
  }

  .scroll-view-nav{
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1.2px solid @border-color;
    .scroll-item{
      width: 33.33%;
    }
    .scroll-item-on {
      .line{
        bottom: 0;
      }
    }
  }
  .swiper-wrap{
    display: none;
    width: 690px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .detail{
    padding: 30px 0;
    font-size: @font-size-24;
    line-height: 40px;
    text-align: justify;
  }
  .desc{
    padding-top: 30px;
    .company{
      .flex-base;
      align-items: center;
      padding-bottom: 30px;
      border-bottom: 1.1px solid @border-color;
      .logo{
        border: 1.1px solid @border-color;
        width: 100px;
        height: 100px;
        flex-shrink: 0;
        border-radius: 50%;
      }
      .info{
        flex-grow: 2;
        padding-left: 20px;
        .desc-info{
          font-size: @font-size-24;
          color: @font-gray-color;
        }
      }
    }
  }
  .list-09{
    padding: 0 30px;
    box-sizing: border-box;
  }
  .detail{
    padding: 0 30px;
    box-sizing: border-box;
    margin-top: 20px;
  }
  .desc{
    padding: 0 30px;
    box-sizing: border-box;
    margin-top: 20px;
  }
  .teacher-wrap{
    padding: 0 30px;
    box-sizing: border-box;
    margin-top: 20px;
  }
}
.list-10-item .info .desc{
  padding: 0;
}

.column-title{
  padding: 0;
}
.item-lawyer-desc{
  padding: 30px 0;
}
.item-lawyer{
  padding: 30px 0;
}
.college-footer{
  z-index: 99;
  height: 90px;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  border-top: 1.2px solid @border-color;
  line-height: 90px;
  display: flex;
  flex-direction: row;
  .nav{
    width: 33.33%;
    color: @font-base-color;
    border-right: 1.1px solid @border-color;
    .nav-icon{
      padding-top: 30px;
      float: left;
      padding-left: 70px;
      padding-right: 10px;
      // padding-top: 10px;
      display: block;
      line-height: 0;
    }
    .nav-icon1 {
      width: 31px;
      height: 28px;
    }
    .nav-icon2 {
      width: 35px;
      height: 34px;
      padding-left: 50px;
    }
  }
  .nav-active{
    color: #fff;
    text-align: center;
    background: linear-gradient(to right, #2782ff, #2bcaff);
  }
}






